<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<!--css-->
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
	</head>
<style>
		.mui-control-content {
			min-height: calc(100% - 135px);
		}
		.mui-slider-item ul{
			margin-bottom: 44px;
		}
	</style>
	<body class="bg-gray">
		<header class="mui-bar mui-bar-nav head-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的作品</h1>
			<a class="mui-icon mui-icon-more mui-pull-right"></a>
		</header>
		<!--DOM	-->
		<div class="mui-content bg-gray">
			<!---->
			<div class="mui-slider my-course-slider-box">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted my-course-slider-tab">
					<a class="mui-control-item mui-active" href="#item1">文档(14)</a>
					<a class="mui-control-item" href="#item2">视频(23)</a>
				</div>
				<div class="mui-slider-group">
					<div id="item1" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
						<ul class="mui-table-view watch-record-list tutorial-information-list myzp-list">
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<div class="mui-media-object mui-pull-left">
										<img src="images/tuinfo-list-img1.png">
									</div>
									<div class="mui-media-body">
										<h5>软件运用规范</h5>
										<p>作者 ：晓燕 </p>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<div class="mui-media-object mui-pull-left">
										<img src="images/tuinfo-list-img1.png">
									</div>
									<div class="mui-media-body">
										<h5>软件运用规范</h5>
										<p>作者 ：晓燕 </p>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<div class="mui-media-object mui-pull-left">
										<img src="images/tuinfo-list-img1.png">
									</div>
									<div class="mui-media-body">
										<h5>软件运用规范</h5>
										<p>作者 ：晓燕 </p>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<div class="mui-media-object mui-pull-left">
										<img src="images/tuinfo-list-img1.png">
									</div>
									<div class="mui-media-body">
										<h5>软件运用规范</h5>
										<p>作者 ：晓燕 </p>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<div class="mui-media-object mui-pull-left">
										<img src="images/tuinfo-list-img1.png">
									</div>
									<div class="mui-media-body">
										<h5>软件运用规范</h5>
										<p>作者 ：晓燕 </p>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<div class="mui-media-object mui-pull-left">
										<img src="images/tuinfo-list-img1.png">
									</div>
									<div class="mui-media-body">
										<h5>软件运用规范</h5>
										<p>作者 ：晓燕 </p>
									</div>
								</a>
							</li>
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<div class="mui-media-object mui-pull-left">
										<img src="images/tuinfo-list-img1.png">
									</div>
									<div class="mui-media-body">
										<h5>软件运用规范</h5>
										<p>作者 ：晓燕 </p>
									</div>
								</a>
							</li>
						</ul>
						</div>
						</div>
						<br /><br />
						<div class="toinfo-detail-flexed-box">
							<button class="mui-btn mui-btn-block mui-btn-yellow">上传资料</button>
						</div>
					</div>
					<div id="item2" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
						<ul class="video-list mui-clearfix">
							<li>
								<img src="images/video-list-img1.png"/>
							</li>
							<li>
								<img src="images/video-list-img2.png"/>
							</li>
							<li>
								<img src="images/video-list-img1.png"/>
							</li>
							<li>
								<img src="images/video-list-img2.png"/>
							</li>
							<li>
								<img src="images/video-list-img1.png"/>
							</li>
							<li>
								<img src="images/video-list-img2.png"/>
							</li>
						</ul>
						</div>
						</div>
						<br /><br />
						<div class="toinfo-detail-flexed-box">
							<button class="mui-btn mui-btn-block mui-btn-yellow">上传视频</button>
						</div>
					</div>
				</div>

			</div>
			<!---->

		</div>

		<!-- JS -->
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
	</body>
	<script type="text/javascript" charset="utf-8">
		mui.init();
		mui('.mui-scroll-wrapper').scroll({
			indicators: false //是否显示滚动条
		});
		var _h = $(window).height() - 88;
		console.log(_h)
		$('.mui-control-content').css({
			'min-height': _h + 'px'
		});
	</script>

</html>